Le sélecteur d’adjacence directe +
Ce sélecteur sélectionne l’élément qui suit directement un élément : son frère. Cet exemple cible un <p>
qui suit directement une <div>
.
div + p{
color: deepskyblue;
}
Pour cibler TOUS les éléments qui suivent, utilisez le sélecteur d’adjacence indirecte
Le sélecteur d’enfant direct >
Ce sélecteur sélectionne les enfants de premier niveau uniquement. Il est donc possible de cibler les <div>
, directement enfant de <body>
:
body > div{
color: deeppink;
}
Le sélecteur body div{ ... }
cible toutes les <div>
, peu importe leur niveau dans la hiérarchie.
#1par Hima, le 18 novembre 2012
une ligne qui contienne un ensemble des sélecteurs comment le programme gére cette situation par exemple : body > p + div > ul font-family:arial ; ?!